<html>
<body>
<script src="canvas.js"></script>
<center>
  <canvas id="canvas" style="border: 1px solid black;" width="320" height="320"></canvas>
  <canvas id="tiles" style="border: 1px solid black;" width="352" height="352"></canvas>
  <p>
    Click a tile on the right to select it, then place it by clicking the map to the left.
  </p>
  <p>
    <label for="dataurl">Share your creation:</label>
    <input type="text" name="dataurl" id="dataurl">
  </p>
  <p style="font-size: 8pt;">
    Tiles from <a href="http://www.pixeljoint.com/pixelart/2759.htm">pixeljoint.com</a>. Due to the canvas security model, <a href="http://stackoverflow.com/questions/4270999/google-chrome-allow-file-access-from-files-disabled-for-chrome-beta-8">you will not be able to share your creation when the editor is run locally.</a>
  </p>
</center>
</body>
</html>
